<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8"></meta>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"></meta>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"></meta>
    <title>Document</title>
</head>

<body>
<div style=" height:80vh;width:80vw;overflow: hidden;margin:10vh 10vw;border: 1px solid #f5f5f5;background: url('') no-repeat;background-size: cover;">
    <!-- 标题 -->
    <div style="width:500px;height:80px;float: right;position:relative;right: -110px;background:#036194;transform: rotate(45deg);">
        <div class="font_title" style="font-size: 55px;color: orange;float: right;margin-right: 86px;">优质保</div>
    </div>
    <!-- logo -->
    <img src="" class="logo" style="margin-left: 40px;margin-top: 20px;width: 90px;height: 90px;"></img>
    <!-- 文本 -->
    <div style="font-family:'Microsoft YaHei UI';font-size: 25px;color: white;margin-top: 110px;margin-left: 70px;">
                <div>
                    <div style="margin: 0 auto;display: inline-block;text-align: right;width: 205px;">凭证编号</div>:
                    <div style="margin: 0 auto;display: inline-block;">688GG74G9J5H0WWUU</div>
                </div>
                <div>
                    <div style="margin: 0 auto;display: inline-block;text-align: right;width: 205px;">车辆识别号</div>:
                    <div style="margin: 0 auto;display: inline-block;">688GG74G9J5H0WWUU</div>
                </div>
        <!-- 注释 -->
        <div style="height: 60px;margin-left: -70px;margin-top: 300px;background-image: linear-gradient(to right,#036194,transparent);padding-top: 30px;padding-left: 25px;color: whitesmoke;">
            注释：该车享受"优车质保"服务，具体服务事项请详细阅读服务条款。
        </div>

    </div>
</div>
</body>

</html>